<html>
  <head>
    <g:javascript>
      var VACATIONS_DATES = ${vacationsDates}
    </g:javascript>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="main" />
    <title>Show Vacation</title>
  </head>
  <body>
    <div class="nav">
      <span class="menuButton"><a class="home" href="${resource(dir:'')}">Home</a></span>
      <span class="menuButton"><g:link class="list" action="list">Vacation List</g:link></span>
      <span class="menuButton"><g:link class="create" action="create">New Vacation</g:link></span>
    </div>
    <div class="body">
      <h1>Show Vacation</h1>
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
      <div class="dialog">
        <table>
          <tbody>            
            <tr class="prop">
	      <td valign="top" class="name">Id:</td>
	      <td valign="top" class="value">${fieldValue(bean:vacationInstance, field:'id')}</td>
            </tr>
	    
            <tr class="prop">
	      <td valign="top" class="name">Start Date:</td>
	      <td valign="top" class="value">${g.format(date:vacationInstance.startDate)}</td>
            </tr>
	    
            <tr class="prop">
	      <td valign="top" class="name">End Date:</td>
	      <td valign="top" class="value">${g.format(date:vacationInstance.endDate)}</td>
            </tr>

            <tr class="prop">
	      <td valign="top" class="name">Duration:</td>
	      <td valign="top" class="value">${fieldValue(bean:vacationInstance, field:'duration')}</td>
            </tr>
            
            <tr class="prop">
	      <td valign="top" class="name">Description:</td>
	      <td valign="top" class="value">${fieldValue(bean:vacationInstance, field:'description')}</td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="buttons">
        <g:form>
          <input type="hidden" name="id" value="${vacationInstance?.id}" />
          <span class="button">
	    <g:actionSubmit class="edit" value="Edit" />
	  </span>
          <span class="button">
	    <g:actionSubmit class="delete" onclick="return confirm('Are you sure?');" value="Delete" />
	  </span>
        </g:form>
      </div>

    </div>
    <div id="vacations-calendar"></div>
    <div style="clear:both;"></div>
  </body>
</html>
